<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="/static/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <button onclick="ajaxGet()">ajax get</button>
    <button onclick="ajaxPost()">ajax post</button>
    <button onclick="ajax()">ajax</button>

    <script>
        function ajaxGet() {
            //$.get(url, [data], [callback], [type])  后面三个是可选的可以没有
            $.get(
                '/ajax1',
                {'name': '张三'},
                function (jsonObj) { //{} [{},{}]
                    console.log(jsonObj);
                },
                'json'
            );

        }

        function ajaxPost() {
            //$.post(url, [data], [callback], [type])  后面三个是可选的可以没有
            $.post(
                '/ajax1',
                {'name': '张三11'},
                function (jsonObj) { //{} [{},{}]
                    console.log(jsonObj);
                },
                'json'
            );
        }

        function ajax() {
            $.ajax({
                async: false,//不写默认是true，发生异步请求
                url: '/ajax1',
                type: 'GET',
                data:  {'name': '张三22'},
                success: function (jsonObj) {
                    console.log(jsonObj);
                },
                dataType: 'json'
            });
        }
    </script>

</body>
</html>
